Node / ReticulumProjects / MeshChatX.git / files / meshchatx / src / frontend / components / messages / InViewAnimatedImg.vue

Displaying Raw • Download

Tb4b4b4<Tff7b72templateTb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3refTff7b72=Ta5d6ff"wrap" Tb4b4b4:Te6edf3classTff7b72=Ta5d6ff"Te6edf3wrapClassTa5d6ff"Tb4b4b4>

Tb4b4b4<Tff7b72img

Te6edf3v-ifTff7b72=Ta5d6ff"Te6edf3showTa5d6ff"

Tb4b4b4:Te6edf3srcTff7b72=Ta5d6ff"Te6edf3srcTa5d6ff"

Tb4b4b4:Te6edf3loadingTff7b72=Ta5d6ff"Te6edf3loadingTa5d6ff"

Tb4b4b4:Te6edf3decodingTff7b72=Ta5d6ff"Te6edf3decodingTa5d6ff"

Tb4b4b4:Te6edf3classTff7b72=Ta5d6ff"Te6edf3imgClassTa5d6ff"

Tb4b4b4:Te6edf3altTff7b72=Ta5d6ff"Te6edf3altTa5d6ff"

Te6edf3draggableTff7b72=Ta5d6ff"false"

Tb4b4b4@Te6edf3clickTff7b72=Ta5d6ff"Te6edf3$emitTb4b4b4(Ta5d6ff'click'Tb4b4b4, Te6edf3$eventTb4b4b4)Ta5d6ff"

Tb4b4b4/Tb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3v-else Tb4b4b4:Te6edf3classTff7b72=Ta5d6ff"Te6edf3placeholderClassComputedTa5d6ff" Te6edf3aria-hiddenTff7b72=Ta5d6ff"true" Tb4b4b4/Tb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72templateTb4b4b4>

Tb4b4b4<Tff7b72scriptTb4b4b4>

Tff7b72import Tb4b4b4{ Te6edf3attachInView Tb4b4b4} Tff7b72from Ta5d6ff"../../js/inViewObserver.js"Tb4b4b4;

Tff7b72export Tff7b72default Tb4b4b4{

Te6edf3nameTff7b72: Ta5d6ff"InViewAnimatedImg"Tb4b4b4,

Te6edf3propsTff7b72: Tb4b4b4{

Te6edf3srcTff7b72: Tb4b4b4{ Te6edf3typeTff7b72: Tffa657StringTb4b4b4, Te6edf3requiredTff7b72: Tff7b72true Tb4b4b4}Tb4b4b4,

Te6edf3imgClassTff7b72: Tb4b4b4{ Te6edf3typeTff7b72: Tffa657StringTb4b4b4, Tff7b72defaultTff7b72: Ta5d6ff"" Tb4b4b4}Tb4b4b4,

Te6edf3fitParentTff7b72: Tb4b4b4{ Te6edf3typeTff7b72: Tffa657BooleanTb4b4b4, Tff7b72defaultTff7b72: Tff7b72false Tb4b4b4}Tb4b4b4,

Te6edf3altTff7b72: Tb4b4b4{ Te6edf3typeTff7b72: Tffa657StringTb4b4b4, Tff7b72defaultTff7b72: Ta5d6ff"" Tb4b4b4}Tb4b4b4,

Te6edf3loadingTff7b72: Tb4b4b4{ Te6edf3typeTff7b72: Tffa657StringTb4b4b4, Tff7b72defaultTff7b72: Ta5d6ff"lazy" Tb4b4b4}Tb4b4b4,

Te6edf3decodingTff7b72: Tb4b4b4{ Te6edf3typeTff7b72: Tffa657StringTb4b4b4, Tff7b72defaultTff7b72: Ta5d6ff"async" Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3emitsTff7b72: Tb4b4b4[Ta5d6ff"click"Tb4b4b4]Tb4b4b4,

Te6edf3dataTb4b4b4(Tb4b4b4) Tb4b4b4{

Tff7b72return Tb4b4b4{

Te6edf3showTff7b72: Tff7b72falseTb4b4b4,

Te6edf3ioCleanupTff7b72: Tff7b72nullTb4b4b4,

Tb4b4b4}Tb4b4b4;

Tb4b4b4}Tb4b4b4,

Te6edf3computedTff7b72: Tb4b4b4{

Te6edf3wrapClassTb4b4b4(Tb4b4b4) Tb4b4b4{

Tff7b72return Tff7b72thisTb4b4b4.Te6edf3fitParent Tff7b72? Ta5d6ff"absolute inset-0 overflow-hidden" Tff7b72: Ta5d6ff"relative w-full"Tb4b4b4;

Tb4b4b4}Tb4b4b4,

Te6edf3placeholderClassComputedTb4b4b4(Tb4b4b4) Tb4b4b4{

Tff7b72if Tb4b4b4(Tff7b72thisTb4b4b4.Te6edf3fitParentTb4b4b4) Tb4b4b4{

Tff7b72return Ta5d6ff"absolute inset-0 bg-zinc-200/30 dark:bg-white/10"Tb4b4b4;

Tb4b4b4}

Tff7b72return Ta5d6ff"min-h-32 w-full rounded-2xl bg-gray-100/90 dark:bg-zinc-800/60"Tb4b4b4;

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3mountedTb4b4b4(Tb4b4b4) Tb4b4b4{

Tff7b72thisTb4b4b4.Te6edf3$nextTickTb4b4b4(Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{

Tff7b72const Te6edf3el Tff7b72= Tff7b72thisTb4b4b4.Te6edf3$refsTb4b4b4.Te6edf3wrapTb4b4b4;

Tff7b72if Tb4b4b4(Tff7b72!Te6edf3elTb4b4b4) Tb4b4b4{

Tff7b72returnTb4b4b4;

Tb4b4b4}

Tff7b72thisTb4b4b4.Te6edf3ioCleanup Tff7b72= Te6edf3attachInViewTb4b4b4(Te6edf3elTb4b4b4, Tb4b4b4(Te6edf3entryTb4b4b4) Tb4b4b4=> Tb4b4b4{

Tff7b72thisTb4b4b4.Te6edf3show Tff7b72= Te6edf3entryTb4b4b4.Te6edf3isIntersectingTb4b4b4;

Tb4b4b4}Tb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4,

Te6edf3beforeUnmountTb4b4b4(Tb4b4b4) Tb4b4b4{

Tff7b72if Tb4b4b4(Tff7b72thisTb4b4b4.Te6edf3ioCleanupTb4b4b4) Tb4b4b4{

Tff7b72thisTb4b4b4.Te6edf3ioCleanupTb4b4b4(Tb4b4b4)Tb4b4b4;

Tb4b4b4}

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4;

Tb4b4b4<Tb4b4b4/Tff7b72scriptTb4b4b4>